import React, { Component } from 'react'

export default class App extends Component {

    state = {
        count: 100
    }


    //改写法可以被调用,但是 this 拿不到
    // add = function(){
    //     console.log('你好世界',this);
    // }

    //箭头函数可以正常调用,也可以直接拿到this-------------------推荐
    // add = () => {
    //     console.log('你好世界', this);
    // }

    //如果说非得使用普通函数,也可以使用 bind 来修改 this 指向,实现获取组件实例
    add = function(){
        console.log('你好世界',this);
    }

    render() {
        return (
            <div>
                <h1>{this.state.count}</h1>
                <button onClick={this.add.bind(this)}>增加</button>


            </div>
        )
    }
}
